<?xml version='1.0' encoding='UTF-8' ?>
<!--

    Copyright (c) 2014 Oracle and/or its affiliates. All rights reserved.

    You may not modify, use, reproduce, or distribute this software except in
    compliance with  the terms of the License at:
    http://java.net/projects/javaeetutorial/pages/BerkeleyLicense

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      >
     
<h:head>
		<title>智慧社区</title>
		<meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link href="css/bootstrap.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
</h:head>
<h:body>
        <div class="container">
		<div class="row">
			<div class="col-xs-12">
				<p></p>
				<ol class="breadcrumb" style="margin-bottom: 5px;">
					<li><h:outputLink value="index_cms.xhtml">首页</h:outputLink></li>
				</ol>
			</div>
		</div>
	</div>
	<div class="container">
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<c:forEach items="#{cmsIndexAccessBean.baseResponse.dataList}" var="var" varStatus="status">
					<c:choose>
						<c:when test="#{status.index eq 0}">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						</c:when>
						<c:otherwise>
							<li data-target="#carousel-example-generic" data-slide-to="#{status.index}"></li>
						</c:otherwise>
					</c:choose>
				</c:forEach>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<c:forEach items="#{cmsIndexAccessBean.baseResponse.dataList}" var="var" varStatus="status">
					<c:choose>	
					<c:when test="#{status.index eq 0 }">
							<div class="item active">
								<img class="myimg" src="#{cmsIndexAccessBean.baseResponse.smallPicURL}#{var.smallpic}" alt="..." />
								<div class="carousel-caption"><h:outputText value="#{var.title}"></h:outputText></div>
							</div>
						</c:when>
						<c:otherwise>
							<div class="item">
								<img class="myimg" src="#{cmsIndexAccessBean.baseResponse.smallPicURL}#{var.smallpic}" alt="..." />
								<div class="carousel-caption"><h:outputText value="#{var.title}"></h:outputText></div>
							</div>
						</c:otherwise>
						</c:choose>
				</c:forEach>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic"
				role="button" data-slide="prev"> <span
				class="glyphicon glyphicon-chevron-left"></span> <span
				class="sr-only">Previous</span>
			</a> <a class="right carousel-control" href="#carousel-example-generic"
				role="button" data-slide="next"> <span
				class="glyphicon glyphicon-chevron-right"></span> <span
				class="sr-only">Next</span>
			</a>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<p>
					<b><h4>最近浏览</h4></b>
				</p>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div class="panel panel-default">
					<div class="panel-body">
						<c:forEach items="#{cmsLastViewCookieAccessBean.cookieModels}" var="var" varStatus="state" begin="0" end="2">
							<div class="col-xs-4" style="padding: 5px;">
							<h:link outcome="#{var.url}" class="thumbnail">
								<img
								src="#{var.picUrl}" />
								<div class="caption" style="padding: 0px;">
									<h5>#{var.titleName}</h5>
								</div>
								<f:param name="picUrl" value="#{var.picUrl}" ></f:param>
								<f:param name="url" value="#{var.url}"></f:param>
								<f:param name="title" value="#{var.titleName}"></f:param>
							</h:link>
						</div>
						</c:forEach>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<p>
					<b><h4>常用功能</h4></b>
				</p>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="row">
					<div class="col-xs-12">
						<!-- Line 1 -->
						<div class="col-xs-4" style="padding: 5px; max-height: 100px;">
							<h:link outcome="juweihui_home" class="thumbnail">
								<img
								src="http://192.168.1.104:8076/cms-portal/res/poster/category/383a95bf-3148-4d4e-b22d-7e49028edd07.png" />
								<div class="caption" style="padding: 0px;">
									<h5>居委会信息</h5>
								</div>
								<f:param name="picUrl" value="http://192.168.1.104:8076/cms-portal/res/poster/category/383a95bf-3148-4d4e-b22d-7e49028edd07.png" ></f:param>
								<f:param name="url" value="juweihui_home"></f:param>
								<f:param name="title" value="居委会信息"></f:param>
							</h:link>
						</div>
						
						<div class="col-xs-4" style="padding: 5px;">
							<h:link outcome="shequ_xinwen_home" class="thumbnail">
								<img
								src="http://192.168.1.104:8076/cms-portal/res/poster/category/ce6bad5f-3ea7-4e16-a84d-10391084e69e.png" />
								<div class="caption" style="padding: 0px;">
									<h5>社区新闻</h5>
								</div>
								<f:param name="picUrl" value="http://192.168.1.104:8076/cms-portal/res/poster/category/ce6bad5f-3ea7-4e16-a84d-10391084e69e.png" ></f:param>
								<f:param name="url" value="shequ_xinwen_home"></f:param>
								<f:param name="title" value="社区新闻"></f:param>
							</h:link>
						</div>
						<div class="col-xs-4" style="padding: 5px;">
							<h:link outcome="shequ_xinwen_home" class="thumbnail">
								<img
								src="http://192.168.1.104:8076/cms-portal/res/poster/category/c1e388b1-73ad-41d2-8e6c-f19a02e2ec86.png" />
								<div class="caption" style="padding: 0px;">
									<h5>居家养老</h5>
								</div>
								<f:param name="picUrl" value="http://192.168.1.104:8076/cms-portal/res/poster/category/c1e388b1-73ad-41d2-8e6c-f19a02e2ec86.png" ></f:param>
								<f:param name="url" value="shequ_xinwen_home1"></f:param>
								<f:param name="title" value="居家养老"></f:param>
							</h:link>
						</div>
					</div>
					<div class="col-xs-12">
						<!-- Line 1 -->
						<div class="col-xs-4" style="padding: 5px; max-height: 100px;">
							<a href="#" class="thumbnail"> <img
								src="http://192.168.1.104:8076/cms-portal/res/poster/category/4a41ed70-b9d1-4cb7-a129-549ba3d2c615.png" />
								<div class="caption" style="padding: 0px;">
									<h5>公共信息</h5>
								</div>
							</a>
						</div>
						<div class="col-xs-4" style="padding: 5px;">
							<a href="#" class="thumbnail"> <img
								src="http://192.168.1.104:8076/cms-portal/res/poster/category/6fc7e671-31b7-40fc-9197-3e2b65c5a6b0.png" />
								<div class="caption" style="padding: 0px;">
									<h5>民生信息</h5>
								</div>
							</a>
						</div>
						<div class="col-xs-4" style="padding: 5px;">
							<a href="#" class="thumbnail"> <img
								src="http://192.168.1.104:8076/cms-portal/res/poster/category/67683fba-3daf-49a4-aea7-f93b42d0b571.png" />
								<div class="caption" style="padding: 0px;">
									<h5>平安社区</h5>
								</div>
							</a>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-xs-12">
						<!-- Line 1 -->
						<div class="col-xs-4" style="padding: 5px; max-height: 100px;">
							<a href="#" class="thumbnail"> <img
								src="http://192.168.1.104:8076/cms-portal/res/content/small/f0f73406-73a3-4044-be3d-add143e748a1.png" />
								<div class="caption" style="padding: 0px;">
									<h5>商业信息</h5>
								</div>
							</a>
						</div>
						<div class="col-xs-4" style="padding: 5px;">
							<a href="#" class="thumbnail"> <img
								src="http://192.168.1.104:8076/cms-portal/res/poster/category/c89e7186-ed96-48d5-b8fa-dc690891ae29.png" />
								<div class="caption" style="padding: 0px;">
									<h5>物业信息</h5>
								</div>
							</a>
						</div>
						<div class="col-xs-4" style="padding: 5px;">
							<a href="#" class="thumbnail"> <img
								src="http://192.168.1.104:8076/cms-portal/res/content/small/c83e5f2a-6e50-401d-860b-797ce5355e3f.png" />
								<div class="caption" style="padding: 0px;">
									<h5>一公里商圈</h5>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
    </h:body>
</html>